<!-- 行为 -->
 <!-- lang="ts" :支持ts语法  setup：是 Vue3 的组合式 API 写法 -->
<script lang="ts" setup>
const msg = 'Hello World'
const msg1 = ' <button>Hello World</button>'
</script>

<!-- 结构 -->
 <template>
  <!-- v-text:主要用于双标签中    往标签中插入文本内容，类似插值表达式，使用该语法，会覆盖 p 标签原有内容 -->
  <p v-text="msg"></p>
  <!-- v-html:解析并显示HTML格式文本，使用该语法，会覆盖 p 标签原有内容 -->
  <p v-html="msg1"></p>
  <p>你说：{{ msg }}！！</p>

 <!-- 
  使用频率
  1.插值表达式最高 {{  }}
  2. v-html
  3. v-text
   -->
 </template>

 <!-- 样式 -->
  <!-- scoped:样式 只对当前组件有效 -->
  <style scoped>

</style>